<template>
    <view class="rw-home-container">
        <image class="rw-home-image" src="../../../static/images/home.jpeg"/>
        <div class="rw-home-text">
            <view class="weui__desc">星河璀璨</view>     
            <view class="weui__desc">如人生幻象</view>     
            <view class="weui__desc">阅途读书会</view>     
            <view class="weui__desc">与你同行</view>     
        </div>
        <button class="rw-home-button" @click="handleStart">进入</button>
    </view>
</template>

<script>
export default {
  data(){
      return {

      }
  },
  methods: {
    handleStart () {
      // TODO: 访问历史的问题
        wx.redirectTo({
            url: '../visit/main'
        })
        console.log('start');
    }
  }
}
</script>

<style lang="scss">
.rw-home-image{
    width:100%;
    height:100%;
    position: absolute;
}
.rw-home-button{
    position: absolute;
    bottom: 200rpx;
    left: 50%;
    width: 300rpx;
    margin-left: -150rpx;
    background-color:#0b1d40;
    opacity: 0.75;
    color: #fff;
    border-radius: 200rpx;
    font-size: 40rpx;
}
.rw-home-text{
    position: absolute;
    bottom:500rpx;
    right:10%;
    color:white;
}
</style>

